<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  <body>
    <!--
      audio 标签用来像页面中引入一个外部的音频文件
              音视频文件引入时,默认情况下不允许用户自己控制播放停止

      属性:
        controls 是否允许用户控制播放
        autoplay 是否自动播放
          - 如果设置了autoplay 则音乐在打开页面时会自动播放
              但是目前来讲大部分浏览器对不会自动对音乐进行播放

        loop 音乐是否循环播放

    -->
    <audio src="../source/audio.mp3" controls autoplay loop></audio>

    <!--
      除了通过src来指定外部文件的路径以外,还可以通过source来指定文件的路径
    -->
    <audio>
      对不起,您的浏览器不支持播放音频,请升级浏览器!
      <!--   使用source不会同时使用,而是会优先使用第一个,当第一个无法正常加载的时候,才会加载第二个   -->
      <source src="../source/audio.mp3">
      <source src="../source/audio.ogg">
      <!--  ie8支持的标签  -->
      <embed src="../source/audio.ogg">
    </audio>


    <!--
      使用video标签来向网页中引入一个视频文件
          - 使用方式和audio基本上是一样的
    -->
    <video src="../source/flower.mp4" controls></video>

    <video controls>
      <source src="../source/flower.mp4">
      <source src="../source/flower.webm">
    </video>
  </body>
</html>
